<template>
  <div class="mask-shadow" v-if="isLoading" :style="{opacity:isLoading? 1: 0}">
    <span class="mask-shadow" v-loading="isLoading">
        <el-progress class="progress pos-center" type="circle" :percentage="progressNum"></el-progress>
    </span>
    <span style="top: 50%;margin-top: 80px;width: 100%;text-align: center;position: absolute;z-index:9999;color:red;">
      请务关闭窗口，耐心等待！
    </span>
    <!-- <div style=" position: absolute;top: 100;left: 200;right: 0;bottom: 0;">11111111111111</div> -->
  </div>
</template>

<script>
export default {
  name: 'ChannelListHeader',
  props: {
    isLoading: {
      type: Boolean,
      default: false
    },
    progressNum: {
      type: Number,
      default: 0
    }
  },
  data() {
    return {
      progress: 20
    }
  },
  mounted() {

  },
  beforeDestroy() {

  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
.mask-shadow{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /deep/ .circular{
        display: none;
    }
    .progress{
        z-index: 9999;
    }
}
</style>
